@charset "utf-8";

::-webkit-scrollbar {
	width: 6px;/*对垂直流动条有效*/
	height: 10px;/*对水平流动条有效*/
}

/*垂直滚动条的按钮*/
::-webkit-scrollbar-button:vertical,
::-webkit-scrollbar-button:horizontal {
	display: none;
}

/*CSS的坐标系，左上角为(0,0),往右往下为增加，往上往左为减少*/
/*显示滚动条上方的渐增按钮*/
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: block
}

/*隐藏滚动条上方的渐增按钮*/
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
	display: none;
}

/* 定义垂直滚动条渐增按扭的样式 */
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:horizontal:increment{
	display: none;
}


/* 定义垂直滚动条渐减按扭的样式 */
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:horizontal:decrement {
	display: none;
}

/* 垂直滚动条的第一层轨道*/
::-webkit-scrollbar-track:vertical {
	background-color: #ccc;
	border-radius: 10px;
}

/* 垂直滚动条的第一层轨道*/
::-webkit-scrollbar-track:horizontal {
	background-color: #ccc;
	border-radius: 10px;
}

/* 垂直滚动条的第二层轨道　*/
::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

/* 垂直滚动条的第三层轨道的上段　*/
::-webkit-scrollbar-track-piece:vertical:start {
	border: none;
}

/* 垂直滚动条的第三层轨道的下段　*/
::-webkit-scrollbar-track-piece:vertical:end {
	border: none;
}

/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
	background-color: #999;
	border-radius: 10px;
}

/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:horizontal {
	background-color: #999;
	border-radius: 10px;
}

/* Corner */
::-webkit-scrollbar-corner:vertical {
	background-color: black;
	display: none;
}